<template>
	<zkView ref="zkView" v-slot:zkView>
		<view class="container">
			<view class="mainBox">
				<view class="topBox">
					<!-- status 状态:0=待提交地址,1=待检测,2=已检测,3=已发货,4=已退款,5=已完成,6=已失效？ -->
					<!-- detection 检测状态:0=未检测,1=通过,2=未通过 -->
					<template v-if="detail.status==1&&detail.detection==0">
						<image src="@/static/order/yishenqing.png" mode="widthFix" />
						<view class="topTxt">申领成功</view>
					</template>
					<template v-if="detail.status==1&&detail.detection==2">
						<image src="@/static/order/yibohui.png" mode="widthFix" />
						<view class="topTxt">已驳回</view>
					</template>
					<template v-if="detail.status==3">
						<image src="@/static/order/yifahuo.png" mode="widthFix" />
						<view class="topTxt">已发货</view>
					</template>
					<template v-if="detail.status==5">
						<image src="@/static/order/yiwancheng.png" mode="widthFix" />
						<view class="topTxt">已完成</view>
					</template>
				</view>
				<view class="infoBox">
					<template v-if="detail.status==1&&detail.detection==0">
						<view class="infoRow1">
							<text>您的号码为</text>
							<text>{{detail.phone}}</text>
							<text id="copyText" onclick="copyPhone">复制</text>
						</view>
						<view class="infoRow2">需要您完成预检才会发货哟~</view>
						<view class="infoLine"></view>
					</template>
					<template v-if="detail.status==3">
						<view class="infoRow1">
							<text>{{detail.express_name}}</text>
							<text>{{detail.express_no}}</text>
							<text id="copyText" onclick="copyExpress">复制</text>
						</view>
						<view class="infoRow2">请注意查收您的快递哟~</view>
						<view class="infoLine"></view>
					</template>
					<template v-if="detail.status==5">
						<view class="infoRow1">
							<text>{{detail.express_name}}</text>
							<text>{{detail.express_no}}</text>
							<text id="copyText" onclick="copyExpress">复制</text>
						</view>
						<view class="infoRow2">您的号卡已签收成功，可激活使用了哟~</view>
						<view class="infoLine"></view>
					</template>
					<view class="infoRow3">{{detail.name}} {{detail.tel}}</view>
					<view class="infoRow4">{{detail.province}}{{detail.city}}{{detail.county}}{{detail.address}}</view>
				</view>
				<view class="stepBox">
					<view class="stepTitle">请您按照以下步骤完成预检</view>
					<view class="stepText">1.
						您在当前页面完成流量卡办理后，系统会发放一组号码给您，您需复制该号码，并识别下方二维码进入预检页面，按下图所示勾选1、2两处勾选按钮，然后点击“立即办理”按钮进入下一步页面。
					</view>
					<image src="@/static/home/step1.jpg" mode="widthFix" />
					<view class="stepText">2. 您在下图页面填写/粘贴您上一步收到的号码，并按页面提示上传您的现场自拍照、身份证正反面照片、填写您的个人信息，点击“提交订单”按钮并支付完成办理。
					</view>
					<image src="@/static/home/step2.jpg" mode="widthFix" />
				</view>
			</view>
		</view>
	</zkView>
</template>

<script>
	import indexJs from './index.js';
	export default {
		components: {},
		computed: {},
		...indexJs
	};
</script>

<style lang="scss" scoped>
	@import './index.scss';
</style>